<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type"	content="text/html;	charset=utf-8" />
        <title>Profile</title>
        <LINK REL="SHORTCUT	ICON" href="<?php echo base_url(); ?>public/img/icon-logo.jpg"/>
        <link href="<?php echo base_url(); ?>public/css/Style-19-3.css"	rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="<?php echo base_url(); ?>public/js/themes/base/jquery.ui.all.css">
            <script	src="<?php echo base_url(); ?>public/js/jquery-1.10.2.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.core.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.widget.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.button.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.position.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.menu.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.accordion.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.selectable.js"></script>
            <script	src="<?php echo base_url(); ?>public/js/ui/jquery.ui.mouse.js"></script>
            <script>
                $(function() {
                    var icons = {
                        header: "ui-icon-circle-arrow-e",
                        activeHeader: "ui-icon-circle-arrow-s"
                    };
                    $("#div-profile").accordion({
                        icons: icons
                    });

                });

                $(function() {
                    $("#profile")
                            .button()
                            .click(function() {
                                alert("Running the last	action");
                            })
                            .next()
                            .button({
                                text: false,
                                icons: {
                                    primary: "ui-icon-triangle-1-s"
                                }
                            })
                            .click(function() {
                                var menu = $(this).parent().next().show().position({
                                    my: "left top",
                                    at: "left bottom",
                                    of: this
                                });
                                $(document).one("click", function() {
                                    menu.hide();
                                });
                                return false;
                            })
                            .parent()
                            .buttonset()
                            .next()
                            .hide()
                            .menu();
                });

                $(function() {
                    $("#selectable").selectable();
                });


            </script>
    </head>
    <body class="body-contaiter">

        <div class="top-contaiter">
            <div class='banner-top'>
                <img src="<?php echo base_url(); ?>public/img/logo.png"	class="img-logo"> 
                    <?php
                    $user = $this->session->userdata('user');
                    ?>
                    <div class="toplink">
                        <div>
                            <button	id="profile"><?php echo $user->HoTen_SV; ?></button>
                            <button	id="thongbao">Thông	báo</button>


                        </div>
                        <ul>
                            <li><a href="<?php echo base_url(); ?>user/DangXuat">Đăng xuất</a></li>
                            <li><a href="<?php echo base_url(); ?>user/DoiMatKhau">Thay	đổi	mật	khậu</a></li>
                            <li><a href="<?php echo base_url(); ?>user/Thoat">Thoát</a></li>
                        </ul>

                    </div>
            </div>
        </div>
        <div class="center-contaiter">

            <div id="content-sinhvien"> 
                

                <div id="div-profile-r">
                    <h3>Thông tin cá nhân</h3>
                    <p>Cung cấp thông tin cá nhân đầy đủ để bạn bè 
                        nắm rõ những thông tin về bạn.</p>
                    <br>
                           </div>

            </div>
    </body>
</html>
